<%@ page language="java" pageEncoding="UTF-8"%>
<%@ page contentType="text/html; charset=UTF-8"%>
<!-- client list div -->
<div id="clientListDiv" class="middleDivClass">
<div class="tableTitleClass">客户列表</div>
<table class="tableClass" id="clientListTable">
	<tr>
		<th class="tableHeaderClass">客户名称</th>
		<th class="tableHeaderClass">客户类别</th>
		<th class="tableHeaderClass">销售总额(&yen;)</th>
		<th class="tableHeaderClass">手机号码1</th>
		<th class="tableHeaderClass">手机号码2</th>
		<th class="tableHeaderClass">座机号码</th>
		<th class="tableHeaderClass">电子邮件</th>
		<th class="tableHeaderClass">地区</th>
		<th class="tableHeaderClass">上次下单时间</th>
		<th class="tableHeaderClass">简介</th>
		<th class="tableHeaderClass">操作</th>
	</tr>

</table>
</div>

<!-- add client div -->
<div id="addClientDiv" class="middleDivClass">
<div class="tableTitleClass">添加客户</div>
<table class="tableClass">
	<tr>
		<td>客户名称:</td>
		<td><input type="text" id="clientName"/></td>
	</tr>
	<tr>
		<td>客户分类:</td>
		<td><select id="clientClass" size="1">
			<option value="1">普通客户</option>
			<option value="2">一般客户</option>
			<option value="3">中上客户</option>
			<option value="4">重要客户</option>
		</select></td>
	</tr>
	<tr>
		<td>电话号码1:</td>
		<td><input type="text" id="mobilePhone1" /></td>
	</tr>
	<tr>
		<td>电话号码2:</td>
		<td><input type="text" id="mobilePhone2" /></td>
	</tr>
	<tr>
		<td>电子邮件:</td>
		<td><input type="text" id="email" class="inputClass1"/></td>
	</tr>
	<tr>
		<td>地区:</td>
		<td><input type="text" id="region" class="inputClass1"/></td>
	</tr>
	<tr>
		<td>联系地址:</td>
		<td><input type="text" id="address" class="inputClass1"/></td>
	</tr>
	<tr>
		<td>客户类型:</td>
		<td><select id="clientType" size="1">
			<option value="1">现场客户</option>
			<option value="2">朋友介绍</option>
			<option value="3">老客户</option>
			<option value="4">展会</option>
			<option value="5">网络,广告</option>
		</select></td>
	</tr>
	<tr>
		<td>备注:</td>
		<td><textarea id="profile" cols="60" rows="9"></textarea></td>
	</tr>
	<tr>
		<td colspan="2"><input type="submit" value="提交"
			id="addClientSubmit" class="button" /></td>
	</tr>
</table>
</div>

<!-- client detail div -->
<div id="clientDetailDiv" class="middleDivClass">
<div class="tableTitleClass">客户详细信息</div>
<table style="padding: 3px 7px 2px 7px;">
	<tr>
		<td>姓 名:</td>
		<td>冯木桂</td>
		<td>联系方式:</td>
		<td>12121212</td>
	</tr>
	<tr>
		<td>来源:</td>
		<td>老客户</td>
		<td>职业:</td>
		<td>山地种植户</td>
	</tr>
	<tr>
		<td>地 址:</td>
		<td colspan="3">清远市清新县石潭镇</td>
	</tr>
	<tr>
		<td>购苗明细:</td>
		<td  colspan="3">（品种/时间/数量）</td>
	</tr>
</table>
<table style="padding: 3px 7px 2px 7px;">
	<tr>
		<td>客户名称:</td>
		<td>销售日期:</td>
		<td>物资名称及规格:</td>
		<td>销售数量:</td>
		<td>销售单价:</td>
		<td>销售金额:</td>
	</tr>
	<tr>
		<td> 冯木桂</td>
		<td> 2013.03.18 15:45:10</td>
		<td> 澳洲火焰木（40-50cm）</td>
		<td> 2000</td>
		<td> 5.7</td>
		<td> 11400</td>
	</tr>
	<tr>
		<td> 冯木桂</td>
		<td> 2013.03.18 15:45:10</td>
		<td> 澳洲火焰木（40-50cm）</td>
		<td> 2000</td>
		<td> 5.7</td>
		<td> 11400</td>
	</tr>
	<tr>
		<td> 冯木桂</td>
		<td> 2013.03.18 15:45:10</td>
		<td> 澳洲火焰木（40-50cm）</td>
		<td> 2000</td>
		<td> 5.7</td>
		<td> 11400</td>
	</tr>
	<tr>
		<td> 冯木桂</td>
		<td> 2013.03.18 15:45:10</td>
		<td> 澳洲火焰木（40-50cm）</td>
		<td> 2000</td>
		<td> 5.7</td>
		<td> 11400</td>
	</tr>
	<tr>
		<td> 冯木桂</td>
		<td> 2013.03.18 15:45:10</td>
		<td> 澳洲火焰木（40-50cm）</td>
		<td> 2000</td>
		<td> 5.7</td>
		<td> 11400</td>
	</tr>
	<tr>
		<td> 冯木桂</td>
		<td> 2013.03.18 15:45:10</td>
		<td> 澳洲火焰木（40-50cm）</td>
		<td> 2000</td>
		<td> 5.7</td>
		<td> 11400</td>
	</tr>
	<tr>
		<td> 冯木桂</td>
		<td> 2013.03.18 15:45:10</td>
		<td> 澳洲火焰木（40-50cm）</td>
		<td> 2000</td>
		<td> 5.7</td>
		<td> 11400</td>
	</tr>
</table>
</div>

<!-- order list div -->
<div id="orderListDiv" class="middleDivClass">
<div class="tableTitleClass">订单列表</div>
<table class="tableClass" id="orderListTable">
	<tr>
		<th>客户名称</th>
		<th>下单时间</th>
		<th>物资名称</th>
		<th>规格</th>
		<th>单价</th>
		<th>数量</th>
		<th>总额(&yen;)</th>
		<th>是否已付款</th>
		<th>付款时间</th>
		<th>操作</th>
	</tr>

</table>
</div>

<!-- add order div -->
<div id="addOrderDiv" class="middleDivClass">
<div class="tableTitleClass">添加订单</div>
<table id="addOrderTable" class="tableClass">
	<tr>
		<td>客户名称:</td>
		<td><select id="addOrderClientName" size="1">
		</select></td>
	</tr>
	<tr>
		<td>订单时间:</td>
		<td><input type="text" id="orderTime" readonly="readonly" /></td>
	</tr>
	<tr>
		<td>物资名称:</td>
		<td><input type="text" id="nameOfGoods" /></td>
	</tr>
	<tr>
		<td>规格:</td>
		<td><input type="text" id="specifications" /></td>
	</tr>
	<tr>
		<td>单价:</td>
		<td><input type="text" id="unitPrice" oninput="calcSum()" /></td>
	</tr>
	<tr>
		<td>数量:</td>
		<td><input type="text" id="salesNumber" oninput="calcSum()" /></td>
	</tr>
	<tr>
		<td>总额(&yen;):</td>
		<td><input type="text" id="money" readonly="readonly" value="0"
			style="background-color: rgb(239, 239, 239);" /></td>
	</tr>
	<tr>
		<td colspan="2"><input type="submit" value="提交"
			id="addOrderSubmit" class="button" /></td>
	</tr>
</table>
</div>